<template>
    <div class="bi-panel">
        <div class="bi-panel__head">
            <strong class="bi-panel__title">{{title}}</strong>
        </div>
        <div class="bi-panel__body">
            <slot></slot>
        </div>
    </div>
</template>
<script>
export default {
    name: 'BiPanel',
    props: {
        title: {
            type: String
        }
    }
}
</script>
<style lang="scss">
.bi-panel{
    background-color: #fff;
    &:not(:last-child) {
        margin-bottom: 10px;
    }
}
.bi-panel__body{
    padding: 0 12px;
}
</style>